Skip to main content
Version: 2.0.0

Create a form

Before we can add a workflow, we need to create a form first. Follow the steps below to create the form. After you have created the form, you can follow one of the payment provider docs to start accepting payments.

Prepare the form

  1. Go to Umbraco Forms
  2. Select "Create"
  3. Select "Empty form" Screenshot create empty form
  4. Fill in a name for the form e.g. "Donation Form"
  5. Remove the dataConsent question

Add transaction ID field

Optionally you can add a transaction ID field, to save the transaction ID of the payment in a forms entry.

  1. Select "Add question"
  2. Enter "Transaction ID" or something else of your liking for the name of the field.
  3. Set the alias to transactionId. (This step is required, if the alias is named something else, the transaction ID will not be saved) Screenshot transaction ID field 1
  4. Choose "Hidden" as the answer type Screenshot transaction ID field 2
  5. Click on submit

Add payment status field

Optionally you can add a payment status field, to save the status of the payment in a forms entry.

  1. Select "Add question"
  2. Enter "Payment Status" or something else of your liking for the name of the field.
  3. Set the alias to paymentStatus. (This step is required, if the alias is named something else, the payment status will not be saved) Screenshot payment status field 2
  4. Choose "Hidden" as the answer type Screenshot payment status field 2
  5. Click on submit

Add amount picker field

You can let the user choose or fill in an amount on the form, this is especially usefull in cases like donation forms.

If you want to set a fixed price for the form, you can skip this step and use the amount field on the workflow settings.

caution

The amount picker currently only works with Adyen and Mollie. We are working on support for Stripe for a future release.

  1. Select "Add question"
  2. Enter "Donation Amount" or something else of your liking for the name of the field. Screenshot amount picker field 1
  3. Choose "Amount Picker" as the answer type Screenshot amount picker field 2
  4. Add predefined amounts, using the prevalues field Screenshot amount picker field 3
  5. Optionally fill the other fields under settings Screenshot amount picker field 4
  6. Click on submit

Next step

In the next step you will setup a payment workflow to trigger after the user submits the form.

Setup a payment workflow using Stripe

Setup a payment workflow using Mollie

Setup a payment workflow using Adyen